<template>
  <van-row class="user_data">
    <van-col span="6" v-for="(item, index) in user_data" :key="index">
      <span class="user_num">{{ item.num }}</span>
      <span class="user_title">{{ item.title }}</span>
    </van-col>
  </van-row>
</template>

<script>
export default {
  data () {
    return {
      user_data: [
        { num: 190, title: '积分' },
        { num: 8, title: '优惠券' },
        { num: 33, title: '关注店铺' },
        { num: 78, title: '收藏宝贝' }
      ]
    }
  }
}
</script>

<style lang="scss" scoped>
  .user_data .van-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0.2rem;
    padding-bottom: 0.5rem;
    background-color: #fff;
    font-size: 0.32rem;
    .user_num {
      font-size: 0.32rem;
      padding-bottom: 0.2rem;
    }
    .user_title {
      font-size: 0.24rem;
    }
  }
</style>
